
<style>
	table.show {
		background-color: rgba(65, 240, 32, 0.1);
		padding: 10px;
		min-width: 400px;
		padding: 10px;

	}
	td {
		padding: 3px;
	}
</style>
<div class="text-section" id="opa">
	<h1>Потребители</h1>

	<p>Нови неодобрени потребители .</p>
</div>
<table class="show">
	<?php
		foreach ($users as $user){
			echo " <tr>
		            <td width='130px'>
						".$user->getFirstName()." ".$user->getLastName()."
		            </td>
		            <td width='200px'>
						".$user->getEmail()."
		            </td>
		            <td>
						<input type='button' id='".$user->getId()."' class='myButton' value='Одобри'><br/>
						<input type='button' id='".$user->getId()."' class='myButton' value='Изгони '>
		            </td>

				</tr>";
		}

	?>



</table>
<script>
	$.get( "cntrlr/countUsers.php", { ajax : true } )
		.done(function( data ) {
			$("#newUsersCount").html( data );
		});

	$(".myButton").click(function(){
		var id = $(this).attr("id");
		var button = $(this).val();
		$.get("cntrlr/showNotApprovedUsers.php", { id: id , value : button}).done(function(data) {
			$("#tab-1 article").html(data);

		});
	});
</script>


